<!-- 页面 -->
<template>
  <div>
    <div class="box">
      <van-tabs v-model="active" class="tabs" v-for="item in list" :key="item.id">
        <van-tab title="精选">
          <img :src="item[0].img1" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          <img :src="item[0].img2" alt="">
          </van-tab>
        <van-tab title="职能先锋">
          <img :src="item[1].img1" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
          <img :src="item[1].img2" alt="">
        </van-tab>
        <van-tab title="居家优品">
          <img :src="item[2].img1" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
          <img :src="item[2].img2" alt="">
        </van-tab>
        <van-tab title="超市百货">
          <img :src="item[3].img1" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
          <img :src="item[3].img2" alt="">
        </van-tab>
        <van-tab title="时尚达人">
          <img :src="item[4].img1" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
          <img :src="item[4].img2" alt="">
        </van-tab>
        <van-tab title="进口好物">
          <img :src="item[5].img1" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
          <img :src="item[5].img2" alt="">
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>
<!--vue -->
<script>

export default {
  name: "MyHome1",
  props:{
    list:[]
  },
  data() {
    return {

    }
  }
}
</script>
<!-- css样式 -->
<style>
.box{
  width: 100%;
}
.tabs{
  width: 100%;
}
img{
  width: 300px;
  height: 500px;
  margin-left: 20px;
}
</style>
